{include file=$header_start}
{strip}
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/findbuilder.css">
{/strip}
{literal}
<script type="text/javascript">
function boxfunction()
{
	var searchboxvalue =  document.getElementById('searchbox').style.display;
	if(searchboxvalue == 'none')
	{
		document.getElementById('searchbox').style.display='block'
		document.getElementById('showtxt').innerHTML="Hide";		
	}
	if(searchboxvalue == 'block')
	{
		document.getElementById('searchbox').style.display='none'
		document.getElementById('showtxt').innerHTML="Show";		
	}
	
}
function mouseeffctbox(i)
{
	if(i=='6')
	{
		document.getElementById("heading_label6").style.display="block";		
		document.getElementById("heading_text6").style.display="block";		
		document.getElementById("step1").className="active";
		document.getElementById("heading_label7").style.display="none";	
		document.getElementById("heading_text7").style.display="none";	
		document.getElementById("step2").className="";
		document.getElementById("heading_label8").style.display="none";	
		document.getElementById("heading_text8").style.display="none";	
		document.getElementById("step3").className="";
		document.getElementById("heading_label9").style.display="none";	
		document.getElementById("heading_text9").style.display="none";	
		document.getElementById("step4").className="";
	}
	if(i=='7')
	{
		document.getElementById("heading_label7").style.display="block";		
		document.getElementById("heading_text7").style.display="block";		
		document.getElementById("step2").className="active";
		document.getElementById("heading_label6").style.display="none";	
		document.getElementById("heading_text6").style.display="none";	
		document.getElementById("step1").className="";
		document.getElementById("heading_label8").style.display="none";	
		document.getElementById("heading_text8").style.display="none";	
		document.getElementById("step3").className="";
		document.getElementById("heading_label9").style.display="none";	
		document.getElementById("heading_text9").style.display="none";	
		document.getElementById("step4").className="";
	}
	if(i=='8')
	{
		document.getElementById("heading_label8").style.display="block";		
		document.getElementById("heading_text8").style.display="block";		
		document.getElementById("step3").className="active";
		document.getElementById("heading_label6").style.display="none";	
		document.getElementById("heading_text6").style.display="none";	
		document.getElementById("step1").className="";
		document.getElementById("heading_label7").style.display="none";	
		document.getElementById("heading_text7").style.display="none";	
		document.getElementById("step2").className="";
		document.getElementById("heading_label9").style.display="none";	
		document.getElementById("heading_text9").style.display="none";	
		document.getElementById("step4").className="";
	}
	if(i=='9')
	{
		document.getElementById("heading_label9").style.display="block";		
		document.getElementById("heading_text9").style.display="block";		
		document.getElementById("step4").className="active";
		document.getElementById("heading_label6").style.display="none";	
		document.getElementById("heading_text6").style.display="none";	
		document.getElementById("step1").className="";
		document.getElementById("heading_label7").style.display="none";	
		document.getElementById("heading_text7").style.display="none";	
		document.getElementById("step2").className="";
		document.getElementById("heading_label8").style.display="none";	
		document.getElementById("heading_text8").style.display="none";	
		document.getElementById("step3").className="";
	}
}

function profileurlfunction(profilename)
{

	var newprofilename = profilename;
	var stringreplace = newprofilename.replace(/ /g,"_");
	var stringreplace1 = stringreplace.replace(/&/g,"and");
	var stringreplace1 = stringreplace1.toLowerCase();
	window.location.href=SITEROOT +'/findtradesman/'+stringreplace1;
}

</script>
{/literal}
{include file=$header_end}


<section class="middle_portion">
  <section class="breadcrumbs">
<!--<ul id="crumbs">
<li><a href="{$siteroot}/">Home</a></li>
<li><a href="{$siteroot}/findtradesman/">Find a Service Provider</a></li>
<li><a href="#">Sub section</a></li>
<li><a href="#">Sub sub section</a></li>
<li>The page you are on right now</li>
</ul>-->
</section>

 <section class="main-marketing-container">
   <section class="lF hreview">
    <h1><p>Find {$trade_cat_name} Service Provider</p>in  {if $userstatename} {$userstatename} {else}Australia{/if}</h1>
    <section class="reviewtxt">People Recommended trusted review system makes it easy to find recommended {if $new} {else}providers{/if}.</section><br/>
    <section class="reviewtxt">Get Started now, it's free!</section>
    <section class="banr_nextstep_btn"><input type="submit" class="banr_bluebtn" value="post a job" onclick="window.location.href='{$siteroot}/'"></section>
   </section>
   
   <section class="rF rounded-box">
    <section class="rounded_boxcontainer">
      <section class="heading" id="heading_label6" style="display:block;"><h1 class="icon_postjob">{$cmsArray[6].submenu_title|truncate:"18":""}</h1></section>
      <section id="heading_text6" style="display:block;">{$cmsArray[6].submenu_content|truncate:"150":""}</section>
      
      <section class="heading" id="heading_label7" style="display:none;"><h1 class="icon_getquote">{$cmsArray[7].submenu_title|truncate:"18":""}</h1></section>
      <section id="heading_text7" style="display:none;">{$cmsArray[7].submenu_content|truncate:"150":""}</section>
      
      <section class="heading" id="heading_label8" style="display:none;"><h1 class="icon_treadman">{$cmsArray[8].submenu_title|truncate:"18":""}</h1></section>
      <section id="heading_text8" style="display:none;">{$cmsArray[8].submenu_content|truncate:"150":""}</section>
      
      <section class="heading" id="heading_label9" style="display:none;"><h1 class="icon_feedback">{$cmsArray[9].submenu_title|truncate:"18":""}</h1></section>
      <section id="heading_text9" style="display:none;">{$cmsArray[9].submenu_content|truncate:"150":""}</section>
    </section>
   </section>
   <section class="clear"></section>
 </section>
 <section class="marketing_steps">
<section id="navstep">

  <ul>
   <li id="postjob"><dl id="step1" onmousemove="return mouseeffctbox(6);" class="active">step1</dl></li>
   <li id="getquote"><dl id="step2" onmousemove="return mouseeffctbox(7);">step2</dl></li>
   <li id="hiretreadman"><dl id="step3" onmousemove="return mouseeffctbox(8);">step3</dl></li>
   <li id="lavefeedback"><dl id="step4" onmousemove="return mouseeffctbox(9);">step4</dl></li>
   <section class="clear"></section>
  </ul>
 </section>
</section>
 <section class="trade_searchbody">
  <section class="trade_searchleft">
    <section class="headingbox">
     <span class="lF hetitle">{if $trade_cat_name}{$trade_cat_name|truncate:15:"..."}{else}Recommended Providers{/if}, {if $userstatename} {$userstatename|truncate:15:"..."} {else}Australia{/if}</span>
     <span class="rF righttxt"><a href="javascript:;" onclick="return boxfunction();">{if $smarty.get.id2 neq '' || $smarty.get.id3 neq '' || $smarty.post.trade neq '' || $smarty.post.stateid neq ''} Show {else} <span id="showtxt">Show</span>{/if} Search &raquo;</a></span>
     <section class="clear"></section>  
    </section>
    <section class="fin_job_top_srh_box" id="searchbox" {if $smarty.get.id2 neq '' || $smarty.get.id3 neq '' || $smarty.post.trade neq '' || $smarty.post.stateid neq ''} style="display:block;" {else} style="display:none;" {/if}>
            <form name="searchfrm" id="searchfrm" action="{$siteroot}/findtradesman/" method="POST" >
            	<select class="select" name="trade" id="trade" >
                	<option value="0">Select Trade</option>
                    {section name=t loop=$getallTradeCat} 
	                	<option {if $trade eq $getallTradeCat[t].id} selected="selected" {/if} value="{$getallTradeCat[t].id}" >{$getallTradeCat[t].trade_category}</option>
                    {/section}
                </select>
                <select class="select" name="stateid" id="stateid">
                	<option value="0">Select Loacation</option>
                    {section name=i loop=$stateArray}
	                	<option value="{$stateArray[i].state_id}" {if $stateid eq $stateArray[i].state_id} selected="selected" {/if}>{$stateArray[i].state_name}</option>
                    {/section}
                </select>                
                <input type="submit" value="Search" class="btn" />
             </form>   
                <section class="clear"></section>
            </section>
    {section name=i loop=$tradesmanArray}
    <section class="graybox">
    <section class="headingbox margin_none">
     <span class="lF hetitle"><img src="{$siteroot}/templates/default/images/icon_builder.png" width="30" height="30" align="bottom"/>&nbsp;{$tradesmanArray[i].first_name|ucfirst} {$tradesmanArray[i].last_name|ucfirst}</span>
    <!-- <span class="rF righttxt"><a href="javascript:;">Skill &raquo;</a></span>-->
     <section class="clear"></section>  
    </section>
     <section class="padcol">
        <section class="padbot10">
         <span class="lF"><b class="bluetext">{$tradesmanArray[i].userreviewcount}</b>&nbsp;&nbsp;&nbsp;Feedback reviews&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{if $tradesmanArray[i].positive gt 0}<b class="bluetext">{$tradesmanArray[i].positive}% Positive</b>{/if}</span>
         <span class="location rF">{if $gettradedetail.trade_category neq ''} {$gettradedetail.trade_category} {else}Tradesman{/if} {if $userstatename} {$userstatename} {else}Australia{/if}</span>
         <section class="clear"></section>  
        </section>
        <section class="padbot10 tradesman-summary">{$tradesmanArray[i].about_me|stripslashes}</section>
       {if $tradesmanArray[i].userlastreview_trade_category neq ''} <section class="bluetext font15"><span class="textbold">{$tradesmanArray[i].userlastreview_trade_category} Job</span> - Recent feedback review</section>      {/if} 
     </section>
     {if $tradesmanArray[i].userlastreview_feedback neq ''}
       <section class="trademenu_container">
        <section class="topbg"></section>
        <section class="contain">
        <section class="containpart">
          <section class="maintxt">"{$tradesmanArray[i].userlastreview_feedback|stripslashes|truncate:100:"..."}"</section>
          <section ><span class="bluetext">{$tradesmanArray[i].userlastreview_username}</span>&nbsp;&nbsp;{$tradesmanArray[i].userlastreview_added_date|date_format:"%d"}{$tradesmanArray[i].userlastreview_added_date_suffix} {$tradesmanArray[i].userlastreview_added_date|date_format:"%B"}, {$tradesmanArray[i].userlastreview_added_date|date_format:"%Y"}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--<b class="bluetext">Positive</b>--></section>
         </section> 
        </section>
        <section class="botbg"></section>
       </section>      
     {/if}  
       <section class="tradesman_action">
        <span class="rF"><input type="submit" class="btn" value="View Profile" onclick=" return profileurlfunction('{$tradesmanArray[i].companyname}')"></span>   
        <!--<span class="rF" style=" margin-right:10px;"><input type="submit" class="btn" value="Invite To Job"></span>  -->
        <section class="clear"></section>   
      </section>
    </section>
    {sectionelse}
    	<div class="" style=" color:#6BC3E6;padding:10px;text-align:center;">Record Not Found.</div><!--Oops, Sorry there are no Providers in your area.-->
    {/section}
    
    {if $pagenation}
        <section class="pagna">
        {$pagenation}
        </section>
    {/if}
    
   
  </section>
  <section class="trade_searchright">
   <section>
   <section class="mapbox">
    <section class="padbot10"><!--<img src="{$siteroot}/templates/default/images/map.png"/>-->
    {php} include_once('../../findtrademan_map.php') {/php}
    </section>
    <section class="bluetext">
     <p class="location">{if $userstatename} {$userstatename} {else}Australia{/if}</p>
     <p style="padding-left:15px; padding-top:4px;">{if $gettradedetail.trade_category neq ''} {$gettradedetail.trade_category} {else}Tradesman{/if}</p>
    </section>
   </section>
   <!--<section class="bluetext" style="font-size:14px; line-height:22px;">
    "I'm very impressed. This would appear to solve a major headache I've had with finding a builder for some conversion works."
   </section>
   <section class="textright textbold">Sam Cockerill</section>-->
   </section>
   
   <section class="headingbox">
     <span class="hetitle_gray">Locations</span>
   </section>
   <ul id="sytlemenu">
   	{section name=i loop=$stateArray}
    <!--<li><a href="{$siteroot}/findtradesman/1/trade/{$stateArray[i].state_id|base64_encode}/findtradesman/">{$stateArray[i].state_name}</a></li>-->
    <li><a href="{$siteroot}/findatradesman/{$stateArray[i].new_statename|strtolower}">{$stateArray[i].state_name}</a></li>
    {/section}
   </ul>
   <section class="headingbox">
     <span class="hetitle_gray">Service Providers in {if $userstatename} {$userstatename|truncate:"10":"..."} {else}Australia{/if}</span>
   </section>
   <ul id="sytlemenu">
   {section name=i loop=$getallTradeCat}
    <li><a href="{$siteroot}/findtradesmans/{$getallTradeCat[i].new_tradename|strtolower}">{$getallTradeCat[i].trade_category}</a></li>
    {/section}
   </ul>
  
  </section>
  <section class="clear"></section>  
 </section>

</section>

{include file=$footer}